<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Examples</title>
		<link href="css/player.css" rel="stylesheet">
	</head>
	<body>
    	<div class="video-wrapper">
			<video id="movie" controls>
		    <source src="http://media.w3.org/2010/05/sintel/trailer.mp4" />
		    <source src="http://media.w3.org/2010/05/sintel/trailer.webm" 
		      type='video/webm; codecs="vp8, vorbis"' />
		    <source src="http://media.w3.org/2010/05/sintel/trailer.ogv" 
		      type='video/ogg; codecs="theora, vorbis"' />
		    <p>Download movie as 
		      <a href="http://media.w3.org/2010/05/sintel/trailer.mp4">MP4</a>, 
		      <a href="http://media.w3.org/2010/05/sintel/trailer.webm">WebM</a>, 
		      or <a href="http://media.w3.org/2010/05/sintel/trailer.ogv">Ogg</a>.</p> 
 		 	</video>		
    	</div>
    	<script type="text/javascript" src="js/player.js"></script>
	</body>
</html>